<script setup lang="ts">

export interface PostDetailProps {
  // 收件地址-省
	post_province?: string;
  // 收件地址-市
	post_city?: string;
  // 收件地址-区
	post_town?: string;
  // 收件地址-街道 脱敏
	mask_post_street?: string;
  // 收件地址-详细地址（脱敏）
	mask_post_detail?: string;
  // 收件人姓名（脱敏）
	mask_post_receiver?: string;
  // 收件人电话（脱敏）
	mask_post_tel?: string;
}

const props = defineProps<PostDetailProps>()

</script>

<template>
  <div class="flex flex-col text-sm overflow-hidden w-full space-y-1">
    <span class="text-nowrap text-ellipsis overflow-hidden">{{ props.mask_post_receiver }} {{ props.mask_post_tel }}</span>
    <span>{{ props.post_province }}{{ props.post_city }}{{ props.post_town }}{{ props.mask_post_street }}</span>
    <span class="text-nowrap text-ellipsis overflow-hidden">{{ props.mask_post_detail }}</span>
  </div>
</template>